<!--
 * @Author: HUAWEI 2532603488@qq.com
 * @Date: 2024-04-23 14:44:05
 * @LastEditors: HUAWEI 2532603488@qq.com
 * @LastEditTime: 2024-04-27 15:53:23
 * @FilePath: \www(1)\evaluate.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>评价与反馈</title>
    <link rel="stylesheet" href="css/evalute.css">
    <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />

</head>
<style>

</style>

<body>
    <!--顶部-->
    <header class="header left">
        <div class="left nav">
            <ul>
                <li><i class="nav_1"></i><a href="index.html">空气质量分析</a></li>
                <li><i class="nav_2"></i><a href="yuce.html">AQI预测</a></li>
                <li class="nav_active"><i class="nav_3"></i><a href="carContrl.html">评价与反馈</a></li>
            </ul>
        </div>
        <div class="header_center left">
            <h2><strong>全国空气质量数据分析和可视化</strong></h2>
            <p class="color_font">
                <small>National Air Quality Data Analysis and Visualization</small>
            </p>
        </div>
        <div class="showTime"></div>
        </div>
        <script>var t = null;
            t = setTimeout(time, 1000);   //开始运行
            function time() {
                clearTimeout(t); //清楚计时器
                dt = new Date()
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.querySelector(".showTime").innerHTML = "当前时间：" + y + '年' + mt + '月' + day + '日 ' + h + '时' + m + '分' + s + '秒'
            }
        </script>

    </header>

    <div class="con1 left" id="car_control" >
        <div class="left car_left">
            <div class="left_up bow_shadow">
                <!-- <p>
                    <input type="text" placeholder="请输入反馈内容" class="carNo_input"><input type="button"
                        class="find_but" />
                </p> -->
                <div class="test">
                <p class="set_list"><i class="list_i"></i> </p>
                <div class="fk">用户反馈</div>
            </div>
                <div class="pl">
                    <div class="pl1">
                        <div class="pl1-1">匿名用户 北京<br/>
                        2024-3-23:17.24.17</div>
                        <div class="pl1-2">今天的空气质量真是太好了，蓝天白云清晰可见，呼吸间都充满了清新的气息，仿佛置身于大自然的怀抱中，让人心情愉悦，精神焕发。</div>
                    </div>
                    <div class="pl2">
                        <div class="pl2-1">小甜爱吃香蕉 重庆<br/>
                            2024-3-23:17.24.17</div>
                        <div class="pl2-2">今天的空气质量不佳，灰蒙蒙的天空让人感到沉闷，空气中弥漫着一种难以名状的异味，让人呼吸不畅，不禁担心这样的环境对身体健康的影响。</div>
                    </div>
                    <div class="pl3">
                        <div class="pl3-1">植物大战僵尸 深圳<br/>
                            2024-3-23:17.24.17</div> 
                        <div class="pl3-2">空气质量的好坏直接关系到我们的生活质量，今天的空气还算清新，但仍需警惕污染物的存在。保护环境，人人有责，只有共同努力，才能让空气更加清新，生活更加美好。</div>
                    </div>
                </div>
                <!-- <p ><ul id="treeDemo" class="ztree"></ul></p> -->
            </div>
            <div class="left_down bow_shadow">
                <div class="text_center"><a href="javascript:void (0)" class="tab_a tab_aActive">空气质量标准</a> 
                    <div class="text3">
                        <table border1="1">  
                            <tr>  
                              <td>1</td>  
                              <td>二氧化硫</td>  
                              <td>年平均</td>  
                              <td>60</td>  
                              <td>μg/m3</td>  
                            </tr>  
                            <tr>  
                              <td>2</td>  
                              <td>二氧化氮</td>  
                              <td>年平均</td>  
                              <td>40</td>  
                              <td>μg/m3</td>  
                            </tr>  
                            <tr>  
                              <td>3</td>  
                              <td>一氧化碳</td>  
                              <td>年平均</td>  
                              <td>4</td>  
                              <td>mg/m3</td>  
                            </tr>  
                            <tr>  
                              <td>4</td>  
                              <td>臭氧</td>  
                              <td>年平均</td>  
                              <td>160</td>  
                              <td>μg/m3</td>  
                            </tr>  
                            <tr>  
                              <td>5</td>  
                              <td>可吸入颗粒物</td>  
                              <td>年平均</td>  
                              <td>70</td>  
                              <td>μg/m3</td>  
                            </tr>  
                            <tr>  
                              <td>6</td>  
                              <td>细颗粒物</td>  
                              <td>年平均</td>  
                              <td>35</td>  
                              <td>μg/m3</td>  
                            </tr>  
                          </table>  
                    </div>
                </div>

            </div>
        </div>
        <div class="left car_center">
            <div class="parent-box">  
                <div class="child-box1">
                    <div class="one1">
                        <div class="kp1">
                            <div class="kp1-1"><img src="img/绿叶.png"></div>
                            <div class="kp1-2">0~50 优</div>
                        </div>
                        <div class="kp2">
                            <p><strong>健康影响：</strong>空气质量令人满意，基本无空气污染</p>
                            <p><strong>建议措施：</strong>各类人群可正常活动</p>
                        </div>
                    </div>
                    <div class="one2">
                        <div class="kp1">
                            <div class="kp2-1"><img src="img/绿叶.png"></div>
                            <div class="kp1-2">51~100 良</div>
                        </div>
                        <div class="kp2">
                            <p><strong>健康影响：</strong>空气质量可接受，但某些污染物可能对极少数异常敏感人群健康有较弱影响</p>
                            <p><strong>建议措施：</strong>极少数异常敏感人群应减少户外活动</p>
                        </div>
                    </div>
                </div>  
                <div class="child-box2">
                    <div class="two1">
                        <div class="kp1">
                            <div class="kp3-1"><img src="img/绿叶.png"></div>
                            <div class="kp1-2">101~150 轻度污染</div>
                        </div>
                        <div class="kp2">
                            <p><strong>健康影响：</strong>易感人群症状有轻度加剧，健康人群出现刺激症状</p>
                            <p><strong>建议措施：</strong>儿童、老年人及心脏病、呼吸系统疾病患者应减少长时间、高强度的户外锻炼</p>
                        </div>
                    </div>
                    <div class="two2">
                        <div class="kp1">
                            <div class="kp4-1"><img src="img/绿叶.png"></div>
                            <div class="kp1-2">151~200 中度污染</div>
                        </div>
                        <div class="kp2">
                            <p><strong>健康影响：</strong>进一步加剧易感人群症状，可能对健康人群心脏、呼吸系统有影响</p>
                            <p><strong>建议措施：</strong>疾病患者避免长时间、高强度的户外锻练，一般人群适量减少户外运动</p>
                        </div>
                    </div> 
                </div>  
                <div class="child-box3">
                    <div class="three1">
                        <div class="kp1">
                            <div class="kp5-1"><img src="img/绿叶.png"></div>
                            <div class="kp1-2">201~300 重度污染</div>
                        </div>
                        <div class="kp2">
                            <p><strong>健康影响：</strong>心脏病和肺病患者症状显著加剧，运动耐受力降低，健康人群普遍出现症状</p>
                            <p><strong>建议措施：</strong>儿童、老年人和心脏病、肺病患者应停留在室内，停止户外运动，一般人群减少户外运动</p>
                        </div>
                    </div>
                    <div class="three2">
                        <div class="kp1">
                            <div class="kp6-1"><img src="img/绿叶.png"></div>
                            <div class="kp1-2">>300 严重污染</div>
                        </div>
                        <div class="kp2">
                            <p><strong>健康影响：</strong>健康人群运动耐受力降低，有明显强烈症状，提前出现某些疾病</p>
                            <p><strong>建议措施：</strong>儿童、老年人和病人应当留在室内，避免体力消耗，一般人群应避免户外活动</p>
                        </div>
                    </div> 
                </div>  
              </div>
        </div>
        <div class="right car_right" id="map"></div>



    </div>
    <script src="js/jquery/jQuery-2.2.0.min.js"></script>
    <script src="/js/echarts.min.js"></script>
    <script src="js/base.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
    <script src="js/car_control.js"></script>
    <script src="js/ztree/jquery.ztree.all-3.5.js"></script>
    <script src="js/listTree.js"></script>

</body>

</html>